<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<ng-container *ngIf="!!tableData.length">
    <lv-datatable [lvData]='tableData' #lvTable [lvPaginator]='page' lvSize="small">
        <thead>
            <tr>
                <ng-container *ngFor="let col of columns">
                    <th lvCellKey='{{col.key}}'>{{col.label}}</th>
                </ng-container>
            </tr>
        </thead>
        <tbody>
            <ng-container *ngFor='let item of lvTable.renderData'>
                <tr>
                    <ng-container *ngFor="let col of columns">
                        <td>
                            <span lv-overflow>
                                {{item[col.key] | nil}}
                            </span>
                        </td>
                    </ng-container>
                </tr>
            </ng-container>
        </tbody>
    </lv-datatable>
    <lv-paginator #page lvMode="simple" [hidden]="!lvTable.renderData.length"></lv-paginator>
</ng-container>
<ng-container *ngIf="!tableData.length">
    <div class="verificate-no-data aui-block">
        <lv-empty></lv-empty>
    </div>
</ng-container>
